<template>
    <div>
    
            <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media" >
   
         <img class="mui-media-object mui-pull-left"  src="../../images/ka.png" >
          <div class="mui-media-body">
            <h1>这是新闻的第一条信息</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2019-8-06</span>
              <span>点击：10次</span>
            </p>
          </div>
     
      </li>

       <li class="mui-table-view-cell mui-media" >
   
         <img class="mui-media-object mui-pull-left"  src="../../images/ka.png" >
          <div class="mui-media-body">
            <h1>这是新闻的第一条信息</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2019-8-06</span>
              <span>点击：10次</span>
            </p>
          </div>
     
      </li>

       <li class="mui-table-view-cell mui-media" >
   
         <img class="mui-media-object mui-pull-left"  src="../../images/ka.png" >
          <div class="mui-media-body">
            <h1>这是新闻的第一条信息</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2019-8-06</span>
              <span>点击：10次</span>
            </p>
          </div>
     
      </li>



        <li class="mui-table-view-cell mui-media" >
   
         <img class="mui-media-object mui-pull-left"  src="../../images/ka.png" >
          <div class="mui-media-body">
            <h1>这是新闻的第一条信息</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2019-8-06</span>
              <span>点击：10次</span>
            </p>
          </div>
     
      </li>

       <li class="mui-table-view-cell mui-media" >
   
         <img class="mui-media-object mui-pull-left"  src="../../images/ka.png" >
          <div class="mui-media-body">
            <h1>这是新闻的第一条信息</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2019-8-06</span>
              <span>点击：10次</span>
            </p>
          </div>
     
      </li>

       <li class="mui-table-view-cell mui-media" >
   
         <img class="mui-media-object mui-pull-left"  src="../../images/ka.png" >
          <div class="mui-media-body">
            <h1>这是新闻的第一条信息</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2019-8-06</span>
              <span>点击：10次</span>
            </p>
          </div>
     
      </li>

    </ul>
    </div>
</template>


<script>
export default {
    
}
</script>


<style lang="css" >
    .mui-media-body h1{
        font-size:14px;
        font-weight:300;
    }

     .mui-ellipsis  {
         	display: flex;
				justify-content: space-between;
     }

    .mui-ellipsis span{
        font-size:12px;
        color:blue;
       	
    }
</style>